@import '~antd/es/style/variable.less';

.tableContainer {
  margin-bottom: 20px;
  padding: 0 20px 20px 20px;
  background-color: @component-background;
  border-radius: 3px;
  .tableToolsContainer {
    display: flex;
    justify-content: space-between;
    padding: 16px 0;
    .tableToolsHeader {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      max-width: 45%; // 适配按钮组布局（手机端宽度以375px为准时，建议不超过46%）
      height: 32px;
      .tableToolsHeaderText {
        display: inline-block;
        width: 100%;
        overflow: hidden;
        font-weight: 500;
        font-size: 16px;
        white-space: nowrap;
        text-overflow: ellipsis;
      }
    }
    .tableToolsContent {
      display: flex;
      flex: 1 1 auto;
      flex-direction: row;
      gap: 12px;
      align-items: center;
      justify-content: flex-end;
      height: 32px;
      .tableToolsContentRestItem {
        position: relative;
        display: flex;
        flex: 1 1 auto;
        height: 100%;
        overflow: hidden;
      }
      .tableToolsContentFixedItem {
      }
    }
  }
  .tableHeaderPlaceholder {
    width: 100%;
    height: 20px;
  }
  :global {
    .ant-btn > .anticon + span,
    .ant-btn > span + .anticon {
      margin-left: 2px;
    }
    .ant-btn > .ant-btn-loading-icon .anticon {
      padding-right: 2px;
    }
  }
}
